<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title></title>
        <script src="<?php echo base_url('public_source/javascript/jquery-1.10.2.js') ?>" type="text/javascript"></script>      
        <script src="<?php echo base_url('public_source/javascript/jquery-ui.js');?>" type="text/javascript"></script>
        <link href="<?php echo base_url('public_source/javascript/jquery-ui.css');?>" rel="stylesheet" type="text/css"/>
        <script>
            $(document).ready(function(){
                    $("#button1").click(function(){
                    var cm = $("#comment1").val();
                    $("#comment1").val("");
                    
                    $.ajax({
                            type: "POST",
                            url: "<?php echo site_url("home/infomationProduct/".$info["id"]); ?>",
                            data: {comment1 : cm},
                            async: true,
                            beforeSend: function(){
                                    $("#Comment").html("");
                            },
                            success: function(kq){
                                    $("#Comment").html(kq);
                            }
                    });
                    return false;
                    });		
            });
        </script>
    </head>
        <body>
            <div style="width: 100%; margin-top: 10px; margin-bottom: 10px; background-color: #eee; height: 180px;">
                <textarea id="comment1" placeholder="Hãy đăng nhập để bình luận..." style="padding: 5px; color:#555555 ;width: 92%; height: 100px; margin-top: 20px; margin-left: 20px"></textarea>
                <input id="button1" style="width: 150px; margin-left: 20px; margin-top: 10px" type="button" value="Gửi bình luận">
            </div>
        </body>
</html>